* {
  margin: 0;
  padding: 0;
}
.text {
  font-size: 20rem;
  background-image: linear-gradient(135deg, #f02fc2, #6094ea, #fdcbf1, #fe3dc4);
  background-size: 500%;

  display: initial;
  background-clip: text;
  color: transparent;
  animation: bgAnimation 10s linear infinite;
}

/* 定义动画 */
@keyframes bgAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
